import styled from 'styled-components'
import Controller from '../../component/Controller'
import IconBackWhite from '../../asserts/back_light.svg'
import IconBg from '../../asserts/icon_bg.webp'
import { isIOS } from '../../utils/check'
import Content from './Content'
import { useTranslation } from 'react-i18next'

const Container = styled(Controller)`
`

const WithDraw: React.FC = () => {
    const { t } = useTranslation()

    return <Container
        imagebackground={{
            image: IconBg,
            style: isIOS() ? {} : { position: 'fixed' } // TODO: why absolute will case some gesture problem in andriod
        }}
        navigation={{
            showBack: true,
            titleStyle: {
                color: 'white'
            },
            backIcon: IconBackWhite,
            title: t('record.title')
        }}
        contentClassName='content'
    >
        <Content />
    </Container>
}

export default WithDraw